          *{
			   margin: 0;
			   padding: 0;
			   
		   }
		   .background-image {
		     position: fixed;
		     top: 0;
		     left: 0;
		     width: 100%;
		     height: 100%;
		     background-image: url("../images/background.webp");
		     background-size: cover;
		     background-position: center;
		     z-index: -1;
		   }
		   .container {
		     display: flex;
		     justify-content: center;
		     align-items: center;
		     height: 100vh;
		   }
		   
		   .login-form {
		     background-color: #f1f1f1;
			 width: 30%;
			 height: 30%;
		     padding: 20px;
		     border-radius: 8px;
		     text-align: center;
		   }
		   
		   .login-form h2 {
		     margin-bottom: 20px;
		   }
		   
		   .form-group {
		     display: flex;
		       justify-content: space-between;
		       align-items: center;
		       margin-bottom: 10px;
		   }
		   
		   .form-group label {
		      margin-right: 10px;
		   }
		   
		   .form-group input {
		     width: 100%;
		     padding: 5px;
		     border-radius: 5px;
		     border: 1px solid #ccc;
		   }
		   .username-label {
		    width: 15%;
		   }
		   .login-button {
		     background-color: #4CAF50;
		     color: white;
		     border: none;
		     padding: 8px 20px;
		     border-radius: 5px;
		     cursor: pointer;
		     font-size: 14px;
		   }
		   
		   .login-button:hover {
		     background-color: #45a049;
		   }